import {
  createApp
} from 'vue'
import App from './App.vue'
//引入svg图标配置
import 'virtual:svg-icons-register'
//引入全局组件文件
import globalComponent from './components/index'
//引入elementUI
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
//响应式布局
import 'element-plus/theme-chalk/display.css'
//引入路由
import router from './router'
//引入全局样式
import '@/styles//index.scss'
//引入elementUI语言包
import zhCn from 'element-plus/es/locale/lang/zh-cn'
//引入pinia
import {
  createPinia
} from 'pinia'
//引入Pinia持久化插件
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

// //引入自动适配浏览器
// import 'amfe-flexible'



//日期和时间本地化
import 'dayjs/locale/zh-cn'

//创建pinia实例
const pinia = createPinia()
//注册pinia持久化插件
pinia.use(piniaPluginPersistedstate)

//创建vue实例
const app = createApp(App)

// 拦截所有警告
app.config.warnHandler = () => null;

//实例使用全局组件
app.use(globalComponent)

//实例使用pinia
app.use(pinia)

//使用路由
app.use(router)

//使用中文包
app.use(ElementPlus, {
  locale: zhCn,
})

//vue挂载页面
app.mount('#app')